/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}
@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {overflow-x: hidden;height: 100%;font-size: 16px;-webkit-tap-highlight-color: transparent;}
body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;}
hr {height: .02rem;margin: .30px 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #25a4bb;text-decoration: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}
input[disabled]{
  opacity:1;
  background-color: #ffffff;
}
textarea[disabled] {
  opacity:1;
  background-color: #ffffff;
}
blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* custom */
a {
  color: #7e8c8d;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
}

li {
  list-style: none;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*显示省略号*/
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*显示两行*/
.ellipsis-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  line-height: 0.40px;
}
.clear{
  clear: both;
}
body{
  /*background-color: rgb(246, 246, 246);*/
}
.contens{
  width: 100%;
  padding: .40px .2rem;
  box-sizing: border-box;
  background-color: #fff;
}
.contens>item{
  display: inline-block;
  width: 100%;
  font-size: .35rem;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/*字体*/
.font-WenQuanYi{
  font-family: "PingFang SC", Tahoma, Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

/*字体颜色*/
.grayColor{
  color: #979797;
}
.numGray{
  color: #CCCCCC;
}
.whiteColor{
  color: #FFFFFF;
}
.blackColor{
  color: #232020;
}
.glodColor{
  color: #FBC02C;
}
.blackColor3{
  color: #333333
}
/*字体 h1*/
.h1{
  font-size: 26px;
}
.h2{
  font-size: 24px;
}
.h3{
  font-size: 22px;
}
.h4{
  font-size: 18px;
}
.h5{
  font-size: 16px;
}
.h6{
  font-size: 15px;
}
.h7{
  font-size: 12px;
}

/*字体 r-h1*/
.r-h1{
  font-size: 0.35rem;
}
.r-h2{
  font-size: 0.34rem;
}
.r-h3{
  font-size: 0.25rem;
}
.r-h4{
  font-size: 0.22rem;
}
.r-h5{
  font-size: 0.8rem;
}
.tc{
  text-align: center!important;
}
.tl{
  text-align: left!important;
}
.tr{
  text-align: right!important;
}
.fw{
  font-weight: 600;
}
/*flex类*/
.fx, .fx-rc-c, .fx-ra-c, .fx-r-jc,
.fx-j-sb, .fx-j-sa, .fx-r-ac, .fx-c, .fx-acj{
  display: flex!important;
}
.fx-c{
  flex-direction: column;
}
.fx-r-jc{
  justify-content: center;
}
.fx-rc-c{
  justify-content: center;
  align-items: center;
}
.fx-ra-c{
  align-items: center;
}
.fx-j-sb{
  justify-content: space-between;
}
.fx-j-sa{
  justify-content: space-around;
}
.fx-r-ac{
  align-items: center;
}
.fx-j-start{
  justify-content: flex-start;
}
.fx-acj{
  align-items: center;
  justify-content: center;
}
.fx-warp{
  flex-wrap: wrap;
}
/*行块转换*/
.block{
  display: block;
}
.inline{
  display: inline;
}
.inline-block{
  display: inline-block;
}
/*常用间距*/
.ml-10{
  margin-left: 10px;
}
.ml-15{
  margin-left: 15px;
}
.pl-5{
  padding-left: 5px;
}
.pl-10{
  padding-left: 10px;
}
.pl-15{
  padding-left: 15px;
}
.m-b-10{
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*文本换行*/
.ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis-12{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-13{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*占位*/
.state{
  width: 1%;
}
.round{
  border-radius: 50%;
}
.icon-img{
  width: 25px;
  height: 25px;
}
.icon-img17{
  width: 17px;
  height: 17px;
}
.word-indent{
  text-indent: 20px;
}
.text-lines{
  word-wrap: break-word;
  word-break: normal;
}
.text-lines-p{
  white-space:normal;
  word-wrap:break-word;
}

/*头部*/


/*文字*/
.fw{
  font-weight: 600;
}
.text-inent{
  text-indent: 30px;
}
.font-size-18{
  font-size: 1.8rem!important;
}
.font-size-16{
  font-size: 1.6rem!important;
}
.font-size-15{
  font-size: 1.5rem!important;
}
.font-size-14{
  font-size: 1.4rem!important;
}
.min-text-center{
  display: inline-block;
  text-align: center;
}
.font-familys{
  font-family: PingFangSC-Regular,PingFang SC;
}
.font-familyss{
  font-family: PingFangSC-Regular,PingFang SC;
}
.le-18{
  line-height: 2.2rem;
}
.le-16{
  line-height: 2rem;
}
.le-14{
  line-height: 1.8rem;
}
.font-color-grey{
  color: #757575!important;
}
.font-color-orange{
  color: #FC5B2C!important;
}
.white-space-1{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.white-space-2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.white-space-3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.white-space-4{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.text-lines{
  word-wrap: break-word;
  word-break: normal;
}
.text-lines-p{
  white-space:normal;
  word-wrap:break-word
}

/*图片相关*/
.imgs-100{
  display: block;
  width: 100%!important;
  height: 100%!important;
}
.display-block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.display-none{
  display: none;
}
.width-100{
  width: 100% !important;
}
.width-90{
  width: 90% !important;
}
.height-100{
  height: 100%!important;
}
.height-90{
  height: 90%!important;
}
.height-65{
  height: 65%!important;
}
.height-auto{
  height: auto!important;
}
.height-inherit{
  height: inherit!important;
}
/*包含以下五种的链接*/
a {
  text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
  text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
  text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
  text-decoration: none;
  color: #000000!important;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
  text-decoration: none;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
  text-decoration: none;
}
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  /*-moz-user-focus: none;*/
  -moz-user-select: none;
}

.title-header{
  margin: 40px 0;
}
.pro-history{
  margin: 40px 0;
}
.subTitle-m-20{
  margin: 20px 0;
}
.subTitle-m-70{
  margin: 70px 0;
}
/*头部*/
.navItemActive > a {
  color: #FFFFFF!important;
}
/*间距*/

.m-0{margin:0 !important}
.m-1{margin:15px !important}
.m-2{margin:20px !important}
.m-3{margin:30px !important}
.m-4{margin:35px !important}
.m-5{margin:40px !important}
.m-auto{margin:auto !important}

.p-0{padding: 0 !important}
.p-1{padding:15px !important}
.p-2{padding:20px  !important}
.p-3{padding:30px !important}
.p-4{padding:35px  !important}
.p-5{padding:40px !important}

.m-t-0{margin-top:0 !important}

.m-t-1{margin-top:15px !important}
.m-t-2{margin-top:20px  !important}
.m-t-3{margin-top:30px !important}
.m-t-4{margin-top:35px  !important}
.m-t-5{margin-top:40px !important}

.m-b-0{margin-bottom:0 !important}
.m-b-1{margin-bottom:15px !important}
.m-b-2{margin-bottom:20px  !important}
.m-b-3{margin-bottom:30px !important}
.m-b-4{margin-bottom:35px  !important}
.m-b-5{margin-bottom:40px !important}

.m-r-0{margin-right:0 !important}
.m-r-1{margin-right:15px !important}
.m-r-2{margin-right:20px  !important}
.m-r-3{margin-right:30px !important}
.m-r-4{margin-right:35px  !important}
.m-r-5{margin-right:40px !important}

.m-l-0{margin-left:0 !important}
.m-l-1{margin-left:15px !important}
.m-l-2{margin-left:20px  !important}
.m-l-3{margin-left:30px !important}
.m-l-4{margin-left:35px  !important}
.m-l-5{margin-left:40px !important}

.p-t-0{padding-top:0 !important}
.p-t-1{padding-top:15px !important}
.p-t-2{padding-top:20px  !important}
.p-t-3{padding-top:30px !important}
.p-t-4{padding-top:35px  !important}
.p-t-5{padding-top:40px !important}

.p-r-0{padding-right:0 !important}
.p-r-1{padding-right:15px !important}
.p-r-2{padding-right:20px  !important}
.p-r-3{padding-right:30px !important}
.p-r-4{padding-right:35px  !important}
.p-r-5{padding-right:40px !important}

.p-l-0{padding-left:0 !important}
.p-l-1{padding-left:15px !important}
.p-l-2{padding-left:20px  !important}
.p-l-3{padding-left:30px !important}
.p-l-4{padding-left:35px  !important}
.p-l-5{padding-left:40px !important}

.p-b-0{padding-bottom:0 !important}
.p-b-1{padding-bottom:15px !important}
.p-b-2{padding-bottom:20px  !important}
.p-b-3{padding-bottom:30px !important}
.p-b-4{padding-bottom:35px  !important}
.p-b-5{padding-bottom:40px !important}

.p-r-l-0{padding-left:0 !important; padding-right:0 !important;}
.p-r-l-1{padding-left:15px !important; padding-right:15px}
.p-r-l-2{padding-left:20px  !important; padding-right:20px  !important;}
.p-r-l-3{padding-left:30px !important;padding-right:30px !important;}
.p-r-l-4{padding-left:35px  !important; padding-right:35px  !important;}
.p-r-l-6{padding-left:2.5rem !important; padding-right:2.5rem !important;}
.p-r-l-5{padding-left:40px !important; padding-right:40px !important;}
